$(document).ready(function () {
    //初始化
    //获得地址栏信息
    // console.log("special="+special);
    initList();

});

function initList() {
    let special=getUrlString("special");
    let query="all";
    let obj=new Object();
    obj.m="getMerchantListBySpecial";
    obj.special=special;
    obj.query=query;
    $.ajax({
        async:true,
        // Ajax请求设置xhrFields的withCredentials为true实现跨域访问
        xhrFields: {
            withCredentials: true
        },
        type:"POST",
        url:basePath2+"/api/merchandise",
        dataType:"json",
        data:obj,
        success:function (result) {
            console.log(result);
            makeMerchandiseListView(result);
        },
        error:function (e) {
            console.log(e.status);
            console.log(e.responseText);
        }
    });
}


/**
 * <tr class="bg">
 <th class="merchantTd">商品图片</th>
 <th>商品基本信息</th>
 <th class="description">商品描述</th>
 <th>基本操作</th>
 </tr>
 <tr>
 <td><img  class="merchantImg"   src="/resourse/Picture/8768781-1_b.jpg"></td>
 <td>
 <p><a>管理是什m</a></p>
 <p>市场价：￥56.0</p>
 <p>特价：￥50.0</p>
 <p>生产厂家：商务出版社。</p>

 </td>
 <td>
 本书是过去10年管理思想革新的简洁实用的总结。书中对各种
 新的管理理念做了详尽的介绍，并对如何将之运用到复杂的日常
 组织中进行了阐述。书中建议管理者从旧有的控制性思维中转变
 到弹性的、重视网络关系、充满活力并能持续学习的思维中。新
 时代的竞争形势对管理者提出了新的挑战，企业的学习潜力、反
 应速度和适应能力取代了传统的资产规模、市场份额和资产收益
 率指标。重视网络关系、充满活力并能持续学习的思维中。新
 时代的竞争形势对管理者提出了新的挑战，企业的学习潜力、反
 应速度和适应能力取代了传统的资产规模、市场份额和资产收益
 率指标。

 </td>
 <td>
 <img src="/resourse/images/icon_car.gif">
 <br/>
 <img src="/resourse/images/icon_buy.gif">
 </td>
 </tr>
 <tr class="trHr">
 <td colspan="4" ></td>
 </tr>
 */


/**
 *组装商品更多页面
 * @param result
 */
function makeMerchandiseListView(result) {
    $("table").html("");
    //设计表头、
    let tr_header=$("<tr></tr>").addClass("bg");
    let tr_header_th1=$("<th></th>").addClass("merchantTd").text("商品图片");
    let tr_header_th2=$("<th></th>").text("商品基本信息");
    let tr_header_th3=$("<th></th>").addClass("description").text("商品描述");
    let tr_header_th4=$("<th></th>").text("基本操作");
        tr_header.append(tr_header_th1,tr_header_th2,tr_header_th3,tr_header_th4);
        $("table").append(tr_header);
    $.each(result,function (index,element) {
        let tr=$("<tr></tr>");
        let td1=$("<td></td>").html("<img   src=\"/resourse"+element.picture+ "\" class=\"merchantImg\">");
        let td2=$("<td></td>");
        let td2_p1=$("<p></p>").html("<a href='#id='"+element.id+">"+element.merName+"</a>");
        let td2_p2=$("<p></p>").html("市场价：￥"+element.price);
        let td2_p3=null;
        if(element.special==1){
            td2_p3=$("<p></p>").html("特价：￥"+element.sprice);
        }
        let td2_p4=$("<p></p>").html("生产厂家："+element.manufacturer);
        td2.append(td2_p1,td2_p2,td2_p3,td2_p4);
        let td3=$("<td></td>").text(element.merDesc);
        let td4=$("<td></td>");
        let td4_img1=$("<img>").attr("src","/resourse/images/icon_car.gif");
        td4_img1.click(detail(element.id));
        let br=$("<br>");
        let td4_img2=$("<img>").attr("src","/resourse/images/icon_buy.gif");
        td4_img2.click(buy(element.id));
            td4.append(td4_img1,br,td4_img2);
            tr.append(td1,td2,td3,td4);
        $("table").append(tr);
        //加入尾部
        let tr_footer=$("<tr></tr>").addClass("trHr");
        let td_footer=$("<td></td>").attr("colspan","4");
            tr_footer.append(td_footer);
            $("table").append(tr_footer);
    }) ;

}
function detail(id) {

}
function buy(id) {

}